import { defineAsyncComponent, defineComponent,ref } from 'vue'
import type { todoItem } from '@/type/todo'
const TodoHeader = defineAsyncComponent(() => import('./components/header'))
const TodoList = defineAsyncComponent(() => import('./components/list'))
const TodoFooter = defineAsyncComponent(() => import('./components/footer'))
export default defineComponent({
    setup() {
        const list = ref<todoItem[]>([{id:0,title:'fasd',done:false}])
        return () => (
            <>
                {/* <TodoHeader /> */}
                {/* <TodoList todoList={list.value} /> */}
                <TodoFooter />
            </>
        )
    }
})